<template>
  <div class="wrap">
    <TodoHeader></TodoHeader>
    <TodoList></TodoList>
    <TodoFooter></TodoFooter>
  </div>
</template>
<script>
import TodoList from './components/TodoList'
import TodoHeader from './components/TodoHeader'
import TodoFooter from './components/TodoFooter'
export default {
  name: "TodoList",
  data() {
    return {};
  },
  props: [],
  created() {},
  components: {TodoList,TodoHeader,TodoFooter},
  computed: {},
  methods: {},
};
</script>
<style   lang="less" scoped>
.wrap {
  background-color: #fff0f0;
  width: 400px;
  height: 300px;
  border: 1px solid #48494b;
  box-shadow: 0 0 5px rgba(0,0,0,.2);
}
</style>